<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学校风光</title>
    <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../../css/xxjj.css">
    <link rel="stylesheet" href="../../css/default.css">
    <link rel="stylesheet" href="../../css/swiper.css">
    <script src="../../js/default.js"></script>
    <script src="../../js/flexible.js"></script>
    <script src="../../js/swiper.js"></script>
</head>

<body>
    <div class="jianjie">
        <!-- 头部 -->
        <div class="top0">
            <div class="shouye-top">
                <img src="../../img/组 116.png" alt="">
                <div>新职教新高考 提升本科新赛道</div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="nav-top">
                <ul>
                    <li>
                        <a style="background:#0747A6 ;" href="../../index.html">网站首页</a>
                    </li>
                    <li class="li2">
                        <a href="../../xxgk/xxjj/xxjj.html">学校概括</a>
                        <ul class="ul2">
                            <li>
                                <a href="../../xxgk/xxjj/xxjj.html">学校简介</a>
                            </li>
                            <li>
                                <a href="../../xxgk/xxfg/xyfg.html">校园风光</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="../../zsjy/zsxx/zsxx.html">招生就业</a>
                        <ul class="ul2">
                            <li>
                                <a href="../../zsjy/zsxx/zsxx.html">招生信息</a>
                            </li>
                            <li>
                                <a href="../../zsjy/zysz/zysz.html">专业设置</a>
                            </li>
                            <li>
                                <a href="../../zsjy/zsgg/zsgg.html">招生公告</a>
                            </li>
                            <li>
                                <a href="../../zsjy/bkzn/zszn.html">报考指南</a>
                            </li>
                            <li>
                                <a href="../../zsjy/jymx/jymx.html">就业明星</a>
                            </li>
                        </ul>
                    </li>
                    <li class="li2">
                        <a href="../../zsjy/jxjg/jxjg.html">教学机构</a>
                    </li>
                    <li>
                        <a href="../../gljg/zwc/zwc.html">管理机构</a>
                        <ul class="ul2">
                            <li>
                                <a href="../../gljg/zwc/zwc.html">总务处</a>
                            </li>
                            <li>
                                <a href="../管理机构-教务处/jwc.html">教务处</a>
                            </li>
                            <li>
                                <a href="../../gljg/zsjyc/zsjyc.html">招生就业处</a>
                            </li>
                            <li>
                                <a href="../../gljg/aqgl/aqglc.html">安全管理处</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="../../sxzs/sxzs/sxzs.html">升学展示</a>
                        <ul class="ul2">
                            <li>
                                <a href="../../sxzs/xzjxgk/xzjxgk.html">新职教新高考</a>
                            </li>
                            <li>
                                <a href="../../sxzs/sxzs/sxzs.html">升学展示</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="../../zsjy/lxwo/lxwm.html">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 通屏轮播图 -->
        <div class="tong-lun">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../../img/banner.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/banner4.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/学校概况_看图啦.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/banner2.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../../img/banner4.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 学校概括tab栏 -->
        <div class="xuexiao-gk">
            <ul class="zuo-ul">
                <span class="zuo-span">学校概况</span>
                <li class="zuo-li1" style="background-color: #ffffff;"><a href="../../xxgk/xxjj/xxjj.html">学校简介</a></li>
                <li class="zuo-li1"><a href="../../xxgk/xxfg/xyfg.html">校园风光</a></li>
            </ul>
            <ul class="you-ul">
                <li style="display: block;">
                    <div class="li-1">
                        <span>校园风光</span>
                        <div class="li-a1">
                            <div>首页></div>
                            <div>学校概括></div>
                            <div>校园风光</div>
                        </div>
                    </div>
                    <div class="li1-pp1">
                        <span>校园环境</span>
                        <span>住宿环境</span>
                        <span>餐厅环境</span>
                    </div>
                    <div class="tutu-1">
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(1).png" alt="">
                                <span>办公楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(1).png" alt="">
                                <span>学校超市</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/学生高品质餐厅@2x.png" alt="">
                                <span>人民餐厅</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                    </div>
                    <div class="tutu-1" style="display: none;">
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>住宿楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(2).png" alt="">
                                <span>办公楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(3).png" alt="">
                                <span>学校超市</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/学生高品质餐厅@2x.png" alt="">
                                <span>人民餐厅</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(3).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                    </div>
                    <div class="tutu-1" style="display: none;">
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(1).png" alt="">
                                <span>办公楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(2).png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(3).png" alt="">
                                <span>学校超市</span>
                            </div>
                        </div>
                        <div class="li1-pp2">
                            <div class="li1-pp-1">
                                <img src="../../img/学生高品质餐厅@2x.png" alt="">
                                <span>人民餐厅</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光@2x.png" alt="">
                                <span>教学楼</span>
                            </div>
                            <div class="li1-pp-1">
                                <img src="../../img/校园风光1(3).png" alt="">
                                <span>教学楼</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 底部 -->
        <div class="dibu">
            <div>
                <div class="dibu-top">
                    <li>
                        <img src="../../img/logo-xia.png" alt="">
                    </li>
                    <li class="dibu-li2">
                        <p class="p1">
                            <span>友情链接</span>
                            <span>河南省教育厅</span>
                            <span>郑州市教育局</span>
                            <span>河南人力资源和社会保障厅</span>
                        </p>
                        <p class="p2">
                            新职教新高考 提升本科新赛道
                        </p>
                        <p class="p3">
                            <p>地址：郑州市航空港经济综合实验区思存路龙安社区5号院 </p>
                            <p> Copyright 2022 河南金城技工学校（版权所有）豫ICP备2022017490号-1</p>
                        </p>
                    </li>
                    <li class="dibu-li3">
                        <img src="../../img/二维码.png" alt="">
                        <span>扫码填写报名信息</span>
                    </li>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    window.onload = function() {
        let span_a = document.querySelectorAll('.jianjie .xuexiao-gk .you-ul li .li1-pp1 > span');
        let div_a = document.querySelectorAll('.jianjie .xuexiao-gk .you-ul li .tutu-1')
        console.log(span_a);
        console.log(div_a);
        for (let i = 0; i < span_a.length; i++) {
            span_a[i].onclick = function() {
                for (let j = 0; j < span_a.length; j++) {
                    span_a[j].style.color = '#999999'
                    div_a[j].style.display = 'none'
                }
                div_a[i].style.display = 'block';
                span_a[i].style.color = '#000'

            }
        }
    }
</script>

</html>